<template>
  <div>
    <h1>/view/index.vue</h1>
    <h2><router-link to="/about">index的404</router-link></h2>
    <div style="height: 200px"></div>
    <span>{{ globalText }}</span>
  </div>
</template>

<script>
import { computed } from 'vue'
import {useStore} from 'vuex'

export default {
  setup() {
    // const route = useRoute()
    const store = useStore()
    const globalText = computed(() => store.state.globalText)


    return {globalText}
  }
}
</script>

<style lang="less" scoped>
* {
  font-family: Arial, Helvetica, sans-serif;
}
</style>